<div id="addGovProtectionCaseModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-body">
        <h3 class="m-t-none m-b ">添加安全事件</h3>
        <div class="ibox-content">
          <div>
            <div>
              
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">主体类型</label>
                <div class="col-sm-10">
                  <select class="custom-select" v-model="addGovProtectionCaseInfo.objType">
                    <option selected value="">请选择主体类型</option>
                    <option value="1">道路</option>
                    <option value="2">校园周边</option>
                </select>
                </div>
              </div>
              <div class="form-group row" v-if="addGovProtectionCaseInfo.objType == '1'">
                <label class="col-sm-2 col-form-label">所属线路</label>
                <div class="col-sm-10">
                  <select class="custom-select" v-model="addGovProtectionCaseInfo.objId" @change="getObjName(addGovProtectionCaseInfo.objId)">
                      <option selected value="">请选择道路</option>
                      <option v-for="(item,index) in govProtectionCaseManageInfo.govRoadProtections" :value="item.roadProtectionId">
                          {{item.roadName}}
                     </option>
                  </select>
                </div>
              </div>
              <div class="form-group row" v-if="addGovProtectionCaseInfo.objType == '2'">
                <label class="col-sm-2 col-form-label">选择学校</label>
                <div class="col-sm-10">
                  <select class="custom-select" v-model="addGovProtectionCaseInfo.objId" @change="getObjName(addGovProtectionCaseInfo.objId)">
                      <option selected value="">请选择道路</option>
                      <option v-for="(item,index) in govProtectionCaseManageInfo.govSchools" :value="item.schoolId">
                          {{item.schoolName}}
                     </option>
                  </select>
                </div>
              </div>
              <div class="form-group row" v-if="addGovProtectionCaseInfo.objType == '2'">
                <label class="col-sm-2 col-form-label">所属行政区</label>
                <div class="col-sm-10">
                  <select id="pro" class="form-control form-control-sm"
                      style="width: 30%;display: inline;" v-model="addGovProtectionCaseInfo.selectProv"
                      @change="getProv(addGovProtectionCaseInfo.selectProv)">
                      <option value='' disabled selected style='display:none;'>请选择省</option>
                      <option v-for="item in addGovProtectionCaseInfo.provs" :label="item.areaName" :value="item.areaCode">
                          {{item.areaName}}
                      </option>
                  </select>
                  <select id="city" class="form-control form-control-sm"
                      style="width: 30%;display: inline;" v-if="addGovProtectionCaseInfo.selectProv!=''" v-model="addGovProtectionCaseInfo.selectCity"
                      @change="getCity(addGovProtectionCaseInfo.selectCity)">
                      <option value='' disabled selected style='display:none;'>请选择城市</option>
                      <option v-for="item in addGovProtectionCaseInfo.citys" :label="item.areaName" :value="item.areaCode">
                          {{item.areaName}}
                      </option>
                  </select>

                  <select id="area" class="form-control form-control-sm"
                      style="width: 30%;display: inline;" v-if="addGovProtectionCaseInfo.selectCity!=''" v-model="addGovProtectionCaseInfo.selectArea"
                      @change="getArea(addGovProtectionCaseInfo.selectArea)">
                      <option value='' disabled selected style='display:none;'>请选择区县</option>
                      <option v-for="item in addGovProtectionCaseInfo.areas" :label="item.areaName" :value="item.areaCode">
                          {{item.areaName}}
                      </option>
                  </select>
              </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">案（事）件编号</label>
                <div class="col-sm-10">
                  <input v-model="addGovProtectionCaseInfo.caseCode" type="text" placeholder="必填，请填写案（事）件编号"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">案（事）件名称</label>
                <div class="col-sm-10">
                  <input v-model="addGovProtectionCaseInfo.caseName" type="text" placeholder="必填，请填写案（事）件名称"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">发生日期</label>
                <div class="col-sm-10">
                  <input v-model="addGovProtectionCaseInfo.happenedTime" type="text" placeholder="必填，请填写发生日期"
                    class="form-control addHappenedTime">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">发生地点</label>
                <div class="col-sm-10">
                  <input v-model="addGovProtectionCaseInfo.happenedPlace" type="text" placeholder="必填，请填写发生地点"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">案件性质</label>
                <div class="col-sm-10">
                  <select class="custom-select" v-model="addGovProtectionCaseInfo.caseType">
                      <option selected value="">请选择</option>
                      <option v-for="(item,index) in govProtectionCaseManageInfo.caseTypes" :value="item.statusCd">
                          {{item.name}}
                     </option>
                  </select>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">主犯（嫌疑人）证件类型</label>
                <div class="col-sm-10">
                    <select class="custom-select" v-model="addGovProtectionCaseInfo.idType">
                      <option selected value="">请选择</option>
                      <option v-for="(item,index) in govProtectionCaseManageInfo.idTypes" :value="item.statusCd">
                          {{item.name}}
                     </option>
                  </select>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">主犯（嫌疑人）证件号码</label>
                <div class="col-sm-10">
                  <input v-model="addGovProtectionCaseInfo.idCard" type="text" placeholder="必填，请填写主犯（嫌疑人）证件号码"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">主犯（嫌疑人）姓名</label>
                <div class="col-sm-10">
                  <input v-model="addGovProtectionCaseInfo.personName" type="text" placeholder="必填，请填写主犯（嫌疑人）姓名"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">是否破案</label>
                <div class="col-sm-10">
                  <select class="custom-select" v-model="addGovProtectionCaseInfo.isSolved">
                      <option selected value="">请选择</option>
                      <option value="1">破案</option>
                      <option value="2">未破案</option>
                  </select>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">作案人数</label>
                <div class="col-sm-10">
                  <input v-model="addGovProtectionCaseInfo.personNum" type="text" placeholder="必填，请填写作案人数"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">在逃人数</label>
                <div class="col-sm-10">
                  <input v-model="addGovProtectionCaseInfo.fleeingNum" type="text" placeholder="必填，请填写在逃人数"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">抓捕人数</label>
                <div class="col-sm-10">
                  <input v-model="addGovProtectionCaseInfo.arrestsNum" type="text" placeholder="必填，请填写抓捕人数"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">案件侦破情况</label>
                <div class="col-sm-10">
                    <textarea v-model="addGovProtectionCaseInfo.detectionContent" placeholder="必填，请填写案件侦破情况"
                    class="form-control"></textarea>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">案（事）件情况</label>
                <div class="col-sm-10">
                    <textarea v-model="addGovProtectionCaseInfo.caseContent" placeholder="必填，请填写案（事）件情况"
                    class="form-control"></textarea>
                </div>
              </div>

              <div class="ibox-content">
                <button class="btn btn-primary float-right" type="button" v-on:click="saveGovProtectionCaseInfo()"><i
                    class="fa fa-check"></i>&nbsp;保存</button>
                <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                  data-dismiss="modal">取消</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>